<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/reset.css">
    <link rel="stylesheet" href="../css/license.css">
    <title>我的驾驶证</title>
</head>
<body>
<!--------总容器-------->
    <div class="upper">
        <div class="header">
            <p onclick="location.href='index.html'">< 返回</p>
            <h1>我的驾驶证</h1>
        </div>
<!--------驾驶证信息-------->
        <div class="license">
            <div class="license-info">
                <div class="license-info-main" style="background: linear-gradient(to bottom, #daf7d9,#F0FCF2);">
                    <img src="../font-awesome-4.7.0/font-awesome-4.7.0/pictures/22.jpg"/>
                    <div class="license-info-text">
                        <h3>4738**********7543</h3>
                        <div class="license-info-low">
                            <h3>累积积分</h3>
                            <p>0 分</p>
                            <div class="style">
                                <p>正常</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="license-info-second">
                    <div class="line"></div>
                    <div class="license-info-second-header" style="background: linear-gradient(to bottom,#F0FCF2,white);">
                        <h3>准驾车型</h3>
                        <p>B2E</p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>驾驶证有效期止</h3>
                        <p>长期</p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>审验有效期止</h3>
                        <p>2024-10-1</p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>下一清分日期</h3>
                        <p>2024-10-1</p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>下一体检日期</h3>
                        <p>2050-10-1</p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>数据更新时间</h3>
                        <p>2023-10-1</p>
                    </div>
                </div>
                <div class="license-info-third">
                    <div class="license-info-second-header">
                        <h3>联系方式</h3>
                        <p>178****3844 <i class="fa fa-pencil"></i></p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>我的违法</h3>
                        <p>></p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>驾驶证实习期信息</h3>
                        <p>></p>
                    </div>
                    <div class="line"></div>
                    <div class="license-info-second-header">
                        <h3>企业聘用关系管理</h3>
                        <p>></p>
                    </div>
                </div>
                <p>当前您的驾驶证清分截止时间为2024年10月1日0点</p>
                <div class="license-info-fourth">
                    <p>若驾驶证信息有误，请点击</p>
                    <p>此处反馈</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>